<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
        
		<title>Quang Du Co</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
		
		<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
        <script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/supersized.3.1.3.min.js"></script>
		
		<script type="text/javascript">  
			$(document).ready(function(){
					/*$("#content").hide();
					$("#content").fadeIn(2000);*/
					$("#content").animate({"left":"10px"},2000,"easeOutBounce");
				})
			jQuery(function($){
				$.supersized({
				
					//Functionality
					slideshow               :   1,		//Slideshow on/off
					autoplay				:	1,		//Slideshow starts playing automatically
					start_slide             :   1,		//Start slide (0 is random)
					random					: 	0,		//Randomize slide order (Ignores start slide)
					slide_interval          :   3000,	//Length between transitions
					transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1000,	//Speed of transition
					new_window				:	1,		//Image links open in new window/tab
					pause_hover             :   0,		//Pause slideshow on hover
					keyboard_nav            :   1,		//Keyboard navigation on/off
					performance				:	1,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
					image_protect			:	1,		//Disables image dragging and right click with Javascript
					image_path				:	'img/', //Default image path

					//Size & Position
					min_width		        :   0,		//Min width allowed (in pixels)
					min_height		        :   0,		//Min height allowed (in pixels)
					vertical_center         :   1,		//Vertically center background
					horizontal_center       :   1,		//Horizontally center background
					fit_portrait         	:   1,		//Portrait images will not exceed browser height
					fit_landscape			:   0,		//Landscape images will not exceed browser width
					
					//Components
					navigation              :   1,		//Slideshow controls on/off
					thumbnail_navigation    :   1,		//Thumbnail navigation
					slide_counter           :   1,		//Display slide numbers
					slide_captions          :   1,		//Slide caption (Pull from "title" in slides array)
					slides 					:  	[		//Slideshow Images
					<?php
					include_once("admin/lib/ClassSanPham.php");
					$ds_SanPham = SanPham::LayDanhSachSanPham_ChuaXoa();
					$count = 0;
					$str = "";
					foreach($ds_SanPham as $sp)
					{
						if($sp->HinhSlide != "")
						{
							$str .= '{image : "'.substr($sp->HinhSlide,3).'", title : "'.$sp->ThongTin.'", url : "details.php?id='.$sp->MaSanPham.'"},';
						}
					}
					$str = substr($str,0,strlen($str)-1);
					echo $str;
					?>
													/*{image : 'src/1.jpg', title : 'Chữ 3D Diamond', url : 'details-1.html'},  
													{image : 'src/2.jpg', title : 'Mô hình cây xương rồng 3D', url : 'details-1.html'},
													{image : 'src/3.jpg', title : 'Mô hình 3D Debon dịp Noel', url : 'details-1.html'},
													{image : 'src/4.jpg', title : 'Bảng hiệu quảng cáo Debon', url : 'details-1.html'},
													{image : 'src/5.jpg', title : 'Mô hình chữ OHUI 3D', url : 'details-1.html'},
													{image : 'src/6.jpg', title : 'Bảng quảng cáo Buffalo Sài Gòn 3D', url : 'details-1.html'},
													{image : 'src/7.jpg', title : 'Bảng quảng cáo Buffalo Sài Gòn 3D (ban đêm)', url : 'details-1.html'}  */
											]
												
				}); 
		    });
		    
		</script>
		
		<style type="text/css">
		
			/*Demo Styles*/
			p{ padding:0 30px 30px 30px; color:#fff; font:11pt "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #000 0px 1px 0px; line-height:200%; }
				p a{ 
						font-size:11pt;
						text-decoration:none;
						outline: none; 
						color:#ddd; 
						background:#222; 
						border-top:1px solid #333; 
						padding:5px 10px; 
						-moz-border-radius:3px; 
						-webkit-border-radius:3px; 
						border-radius:3px; 
						-moz-box-shadow: 0px 1px 1px #000; 
						-webkit-box-shadow: 0px 1px 1px #000; 
						box-shadow: 0px 1px 1px #000; 
					}
				p a:hover{ 
						background-color:#666; 
						border-color:#999; color:#fff; 
					}
			
			#content{ g
			-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
			position:absolute; top:10px; left:-500px; width:400px; text-align:left; }
			.stamp{ float: right; margin: 15px 30px 0 0;}
			#info {
				position:relative;	
				float:right;
				color:#999;
				margin-top:40px;
				margin-left:-20px;
			}
		</style>
        
	</head>
<body>		
	<div id="content">
		<a href="#" ><img style="padding-left:94px;" src="img/logo_QDC.png" width="200" height="200"/></a>
        <!--<div id="info" >
        	<p style="padding:0px; padding-right:20px;text-align:center;color:#F2f2f2;vertical-align:middle;margin-top:30px;"><span style="font-size:30px;color:#FFF;color:#ed2024;">Quang Du Co</span><br/>
            Advertising & Tranding<br/>
            </p>
        </div>
        <div style="width:350px;padding-left:25px;padding-right:25px;margin-top:-20px;">
        <marquee behavior="scroll" direction="left" scrollamount="3" scrolldelay="30" truespeed="true" width="auto" height="20px" onmouseover="this.stop();" onmouseout="this.start();"> 
        	<p style="text-align:center;color:#F2f2f2;line-height:15px;font-size:14px;"> 70 Trần Huy Liệu P.12 Q.Phú Nhuận TpHCM</p>
        </marquee>  
        </div>-->
        <p style="font-family:myFont-BaiSau;">
			<a href="index.php" alt="Trang Chủ">Trang Chủ</a>
			<a href="intro.php" alt="Giới thiệu">Giới Thiệu</a>
            <a href="products.php" alt="Sản Phẩm">Sản Phẩm</a>
            <a href="contact.php" alt="Liên hệ">Liên Hệ</a>
		</p>
	</div>

	<!--Thumbnail Navigation-->
	<div id="prevthumb"></div> <div id="nextthumb"></div>
	
	<!--Control Bar-->
	<div id="controls-wrapper">
		<div id="controls">
		
			<!--Slide counter-->
			<div id="slidecounter">
				<span class="slidenumber"></span>/<span class="totalslides"></span>
			</div>
			
			<!--Slide captions displayed here-->
			<div id="slidecaption"></div>
			
			<!--Navigation-->
			<div id="navigation">
				<img id="prevslide" src="img/back_dull.png"/><img id="pauseplay" src="img/pause_dull.png"/><img id="nextslide" src="img/forward_dull.png"/>
			</div>			
			
		</div>
	</div>

</body>
</html>
